<div>
    <div class="one-data">
        <i class="icon-volume-up"></i>
        <div class="data-item">
            <span class="one-data-name">&nbspCluster State:&nbsp</span>
            <span class="state-{{$res.cluster_state}}">{{$res.cluster_state}}</span>
        </div>
    </div>
    <div class="one-data">
        <i class="icon-user"></i>
        <div class="data-item">
            <span class="one-data-name">&nbspCluster Master:&nbsp</span>
            <span><b>{{$res.cluster_size}}</b></span>
        </div>
    </div>
    <div class="one-data">
        <i class="icon-puzzle-piece"></i>
        <div class="data-item">
            <span class="one-data-name">&nbspCluster Nodes:&nbsp</span>
            <span><b>{{$res.cluster_known_nodes}}</b></span>
        </div>
    </div>
    <div class="one-data">
        <i class="icon-qrcode"></i>
        <div class="data-item">
            <span class="one-data-name">&nbspSlots Assigned(ok/all):&nbsp</span>
            <span><b>{{$res.cluster_slots_ok}}/{{$res.cluster_slots_assigned}}</b></span>
        </div>
    </div>
    <div class="one-data">
        <i class="icon-star"></i>
        <div class="data-item">
            <span class="one-data-name">&nbspRedis Version:&nbsp</span>
            <span><b>{{$res.redis_version}}</b></span>
        </div>
    </div>

    <div class="one-data">
        <i class="icon-trophy"></i>
        <div class="data-item">
            <span class="one-data-name">&nbspRedis Mode:&nbsp</span>
            <span><b>{{$res.redis_mode}}</b></span>
        </div>
    </div>
    <div class="one-data">
        <i class="icon-tag"></i>
        <div class="data-item">
            <span class="one-data-name">&nbspType:&nbsp</span>
            <span><b> {{$clusterType}} </b></span>
        </div>
    </div>
    <!--<div class="one-data">
        <i class="material-icons">settings_input_component</i>
        <div class="one-data-name">
            <span class="one-data-name">Slots Pfail:</span>
            <span><b>{{$res.cluster_slots_pfail}}</b></span>
        </div>
    </div>
    <div class="one-data">
        <i class="material-icons">settings_input_component</i>
        <div>
            <span class="one-data-name">Slots Fail:</span>
            <span><b>{{$res.cluster_slots_fail}}</b></span>
        </div>
    </div>
    <div class="one-data">
        <i class="material-icons">label</i>
        <div>
            <span class="one-data-name">Current Epoch:</span>
            <span><b>{{$res.cluster_current_epoch}}</b></span>
        </div>
    </div>
    <div class="one-data">
        <i class="material-icons">label_outline</i>
        <div>
            <span class="one-data-name">My Epoch:</span>
            <span><b>{{$res.cluster_my_epoch}}</b></span>
        </div>
    </div>
    <div class="one-data">
        <i class="material-icons">settings_ethernet</i>
        <div class="data-item">
            <span class="one-data-name">Stats Messages Sent/Received:
                <span><b>{{$res.cluster_stats_messages_sent}}/{{$res.cluster_stats_messages_received}}</b></span>
            </span>
        </div>
    </div>-->
</div>